<template>
	<view :class="vi_pageSize">
		<vi-notify :top="topfix" ref="vi_notify"></vi-notify>
		<module-loading ref="vi_loading" :loading="vi_loading" :loadingMask="vi_loadingMask"></module-loading>
		<vi-headbar goback>{{vi_pageTitle}}</vi-headbar>
		<view class="p-sm">
			<view class="py-sm">
				<vi-button plain @click="linkToKey('checkbox')">复选框 checkbox</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('stepper')">数字步进 stepper</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('password')">密码框 password</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('slider')">滑动条 slider</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('switch')">开关 switch</vi-button>
			</view>
			<view class="py-sm mt-e2">
				<vi-button plain @click="linkToKey('formCreator')">表单生成器 form-creator</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('select')">选择菜单 select</vi-button>
			</view>
			<view class="py-sm">
				<vi-button plain @click="linkToKey('datetime')">日期选择 datetime</vi-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>

</style>
